<%-- 
    Document   : VisualizarMobil.jsp
    Created on : 13/04/2012, 06:40:43 AM
    Author     : mx
--%>

<%@page import="java.util.logging.Level"%>
<%@page import="java.util.logging.Logger"%>
<%@page import="pck_tramitedocu.pck_src.pck_utiles.Cls_Seguridad_DESBase64"%>
<%@page import="pck_tramitedocu.pck_src.pck_utiles.Cls_Parametros"%>
<%@page import="pck_tramitedocu.pck_src.pck_utiles.ParametroConfig"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html>
<html>
    <head>
        <%
            String codigo = "";
            try{
                codigo = new Cls_Seguridad_DESBase64().desencriptar(request.getParameter(Cls_Parametros.Request_Codigo_DOCUMENTO));
            }catch(NullPointerException ex){
                %>
                <script type="text/javascript">
                    jAlert("Hubo un error al cargar los datos.");
                </script>
                <%
                Logger.getLogger("VisualizarMobil.jsp").log(Level.SEVERE, null, ex);
            }
        %>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>
        </title>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
        <style>
            /* App custom styles */
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">
        </script>
        <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js">
        </script>
    </head>
    <body>
        <div data-role="page" id="page1">
            <div data-theme="b" data-role="header" data-position="fixed">
                <h3>
                    Reporte Mobil
                </h3>
            </div>
            <div data-theme="b" data-role="header" data-position="fixed">
                <h2>
                    Ir, Sistema Mobil Tram. Doc.
                </h2>
            </div>
            <div data-role="content">
                <div class="ui-grid-b">
                    <table width="100%">
                        <tr>
                            <td width="30%" style="font-size: x-small; font-style: oblique">
                                <!-- cambiar -->
                                <img width="90%" height="50%" src="http://190.223.56.54/tramitedocuweb/images/logo-epsgrau.jpg" />
                            </td>
                            <td width="70%" align="center">
                                <div id="dv_cabecera_tbl" style="font-size: small">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td width="100%" colspan="2" style="background: #0066FF">
                            </td>
                        </tr>
                        <tr>
                            <td width="30%" style="font-size: x-small; font-style: oblique">
                                A:
                            </td>
                            <td width="70%" align="center">
                                <div id="dv_aquien" style="font-size: small">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td width="30%" style="font-size: x-small; font-style: oblique">
                                Asunto:
                            </td>
                            <td width="70%" align="center">
                                <div id="dv_asunto" style="font-size: small">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td width="30%" style="font-size: x-small; font-style: oblique">
                                Fecha:
                            </td>
                            <td width="70%" align="center">
                                <div id="dv_fecha" style="font-size: small">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td width="30%" style="font-size: x-small; font-style: oblique">
                                Firma:
                            </td>
                            <td width="70%" align="center">
                                <div id="dv_firma" style="font-size: small">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td width="30%" style="font-size: x-small; font-style: oblique">
                                Copia:
                            </td>
                            <td width="70%" align="center">
                                <div id="dv_copia" style="font-size: small">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td width="100%" colspan="2">
                            </td>
                        </tr>
                    </table>

                                <div data-role="collapsible-set">
                                    <div data-role="collapsible" data-collapsed="true" >
                                        <h5>Ver Contenido</h5>
                                            <div id="dv_cuerpo" style="font-size: small">
                                            </div>
                                        </div>
                                </div>
                </div>
            </div>
            <div data-theme="b" data-role="footer" data-position="fixed">
                <h2>
                    Ir, Sistema Mobil Tram. Doc.
                </h2>
            </div>
        </div>
        <table>
            <tr>
                <td><input type="hidden" name="txt_oculto" id="txt_oculto" size="10" value="<%out.print(codigo);%>"/><td>
            </tr>
        </table>
        <script>
            $(document).ready(function(){
                var codigo = $("#txt_oculto").val();
                $.getJSON("GestionFacadeWebDocumento", {
                            opt:3,
                            fadfdsfsdfadsa: codigo
                        }, function(data){
                            var datos = data.datos;
                            var cabecera = datos.cabecera;


                            var destinatarios = datos.destinatarios;
                            var destinatarios_html="";
                            for(var i=0; i<destinatarios.length; i++){
                                destinatarios_html+=destinatarios[i].profesion+" "+destinatarios[i].nombres+"<br>";
                            }

                            var asunto = datos.asunto;
                            var cuerpo = datos.cuerpo;
                            var fecha_creacion = datos.fecha_ceacion;
                            var firma = datos.firma;
                            var firma_array = firma.split("|");
                            firma = firma_array[1]+"<br>"+firma_array[2]+"<br>";

                            var con_copia_usuarios = datos.con_copia_usuarios;
                            var con_copia_usuarios_html="";
                            if(con_copia_usuarios!=null){
                                for(var i=0; i<con_copia_usuarios.length; i++){
                                    con_copia_usuarios_html+=con_copia_usuarios[i].direccion_electronica+"<br>";
                                }
                            }
                            $("#dv_cabecera_tbl").html("<b>"+cabecera+"</b>");
                            $("#dv_cabecera").html(cabecera);
                            $("#dv_aquien").html(destinatarios_html);
                            $("#dv_asunto").html(asunto);
                            $("#dv_fecha").html(fecha_creacion);
                            $("#dv_firma").html(firma);
                            $("#dv_copia").html(con_copia_usuarios_html);
                            var anio = codigo.split("-")[2];
                            if(codigo.split("-")[0]=="999"){
                                $("#dv_cuerpo").html("<a href='<%= ParametroConfig.URL_APACHE %>tramitedocu/"+anio+"/"+codigo+".pdf'>Descargar PDF</a>");
                            }else{
                                $("#dv_cuerpo").html(cuerpo);
                            }
                        }
                    );
            });
        </script>
    </body>
</html>